import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { Message } from 'element-ui'

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})
const time = 99999999*100000000
// request interceptor
service.interceptors.request.use(
  config => {
    // 在发送请求之前做些什么
    // console.log(14, config)
    if (config.url === '/auth/local/register') {
      config.headers.Authorization = ''
    } else if (store.state.user.token) {
      const curTime = Date.now()
      const dir = curTime - localStorage.getItem('loginTime', Date.now())
      // 判断超过设置的时间
      if (dir > time) {
        store.dispatch('user/logout')
        router.push('/login')

        return Promise.reject(new Error('token失效了,请重新登录 -- 前端实现'))
      }

      config.headers.Authorization = `Bearer ${store.getters.token}`
    }
    return config
  }
)
// 响应拦截器
service.interceptors.response.use(response => {


  
  if (response.config.method !== 'get') {
    if (response.status === 200) {
      Message.success('操作成功')
    }
  }

  return response
}, err => {

  
  // console.log('网络层面失败！', err)
  // console.dir(err)


  if(err.response && err.response.data.statusCode === 401){
    store.dispatch('user/logout')
      
       router.push('/login')
  }

  // 弹出错误信息，提示用户
  Message.error(err.message)
  // Promise.reject 方法是原生js的方法，返回一个失败对象(错误对象)
  // 这里返回一个错误信息，调用接口的函数中接收到这个错误信息
  // 然后结合使用的async和await,那么在调用接口的位置上，接收到
  // 这个错误，就不会再执行错误之后的代码了。
  // 对于登录接口而言，出现错误了也就不会执行跳转到首页的代码了
  return Promise.reject(err)
}
)

// response interceptor
service.interceptors.response.use(

)

export default service
